@back-grey: #f4f4f4;
@line: solid 1px #ebebeb;
;
.wea-blog-my-attention {
  height: 100%;
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .text-elli {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .cur-pointer {
    cursor: pointer;
  }
  .dis-block {
    display: block;
  }
  .clear-both {
    clear: both;
  }
  .new {
    color: red;
    margin-left: 2px;
    font-size: 18px;
    line-height: 20px;
  }
  .line {
    border-bottom: @line;
  }
  .orange {
    color: #ff7725;
  }
  .ml5 {
    margin-left: 5px;
  }
  .ml10 {
    margin-left: 10px;
  }
  .ml20 {
    margin-left: 20px;
  }
  .mr5 {
    margin-right: 5px;
  }
  .h100 {
    height: 100%;
  }
  .mt10 {
    margin-top: 10px;
  }
  .mb10 {
    margin-bottom: 10px;
  }
  .pt20 {
    padding-top: 20px;
  }
  .align-center {
    text-align: center;
  }
  .pos-rel {
    position: relative;
  }
  .top40 {
    width: 100%;
    top: 40%;
    position: absolute;
  }
  .ant-tabs-bar {
    border-bottom: @line;
    margin-bottom: 0px;
  }
  .search {
    padding: 10px;
    width: 100%;
    background-color: @back-grey;
    border-bottom: solid 1px #ebebeb;
  }
  .attentionTab {
    width: 100%;
    height: 100%;
    .wea-tab {
      border-bottom: none;
      border-bottom-color: #eaeaea;
      .ant-tabs-ink-bar {
        height: 2px;
      }
    }
    .wea-new-scroll {
      position: absolute;
      top: 94px;
      bottom: 0px;
      width: 100%;
    }
    .weiboOrgTree .wea-new-scroll {
      position: absolute;
      top: 0;
      bottom: 0px;
      width: 100%;
    }

    .weiboOrgTree {
      padding-bottom: 100px !important;
    }
    .weiboOrgTree .ant-spin-container div {

      
  }
    .weiboOrgTree .wea-left-tree-search  {
      padding: 10px;
      width: 100%;
      background-color: #f4f4f4;
      border-bottom: 1px solid #ebebeb;
    }


    // .ant-tabs-nav{
    //   margin:auto;
    //   width:240px;
    //   float:none;
    // }
  }
  ul.attentionlist {
    li {
      height: 65px;
      width: 100%;
      padding: 13px 0px 0px 16px;
      a.tool {
        display: none;
      }
      &:hover {
        background-color: #ebf9ff;
        a.tool {
          display: block;
          float: right;
          margin-top: -14px;
          position: absolute;
          right: 0px;
        }
      }

      div.line {
        width: 100%;
        height: 100%;
        div.content {
          width: 100%;
          padding-left: 52px;
          span.lastName {
            color: #262626;
            font-size: 14px;
            line-height: 20px;
            display: inline-block;
          }
          span.dept {
            color: #959595;
            font-size: 12px;
            line-height: 20px;
            display: block;
          }
        }
      }
    }

    li.cur {
      background-color: #ebf9ff;
    }
  }

  .wea-right-container {
    height: 100%;
  }
  .endTip {
    padding: 20px 0 14px 0;
    .align-center;
    span {
      padding-left: 10px;
    }
  }
}

.wea-weibo-top-search-panel {
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  float: right;
  .wea-wtsp-item {
    display: inline-block;
    margin-right: 16px;
    .wea-date-picker .ant-calendar-range-picker{
      height: 30px;
    }
    .wea-input-focus input.ant-input{
      height: 30px;
      vertical-align: baseline;
    }
  }
}

.h100 {
  .wea-weibo-top-search-panel {
    margin-top: 8px;
  }
}

.weiboDateTop {
  border-bottom: @line;
  position: absolute;
  width: 100%;
  height: 47px;
  line-height: 47px;
}

.weiboDate {
  .wea-new-scroll {
    padding: 0px 0px 10px 10px;
    background-color: @back-grey;
    position: absolute;
    top: 47px;
    bottom: 0px;
    width: 100%;
  }
  .wea-white-page {
    top: 40%;
    position: absolute;
  }
  .spin {
    .wea-new-scroll;
    padding-top: 20px;
    text-align: center;
  }
  .ant-collapse {
    border: 0;
    padding-right: 10px; //为了滚动条能贴边显示，将上面的padding-right移到下面
    background-color: @back-grey;
    .ant-collapse-item {
      border-top: 0;
      border-bottom: 1px dashed #e6e6e6;
      margin-top: 5px;
      .ant-collapse-header {
        height: 43px;
        line-height: 43px;
        .arrow {
          display: none;
        }
        .panelHeader {
          color: #484848;
          .curdate {
            margin-right: 5px;
            color: #959595;
          }
          .orange {
            margin-left: 20px;
            .dot {
              font-size: 36px;
              line-height: 36px;
              position: absolute;
              left: 0;
            }
            .dot-ml {
              margin-left: 20px;
            }
          }
          .icons {
            float: right;
            font-size: 12px;
            color: #959595;
            span {
              margin-right: 20px;
            }
          }
        }
      }
      .ant-collapse-content-active {
        border: 1px solid #e6e6e6;
      }
      &.ant-collapse-item-active {
        border-bottom: 0;
      }
    }
    .ant-collapse-item.ant-collapse-item-active .ant-collapse-header .icons .icon-blog-down {
      transform: rotate(180deg);
      display: inline-block;
    }
  }
}

.hisWeiboContainer {
  height: 100%;
  .text-elli {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .panel {
    height: 100px;
    display: block;
    float: left;
  }

  @media screen and (min-width: 1039px) {
    .user {
      margin: 15px 40px 0 40px;
    }
  }
  @media screen and (max-width: 1038px) and (min-width: 992px) {
    .user {
      margin: 15px 30px 0 30px;
    }
  }
  @media screen and (max-width: 991px) {
    .user {
      margin: 15px 20px 0 20px;
    }
  }

  .user {
    font-size: 14px;
    //margin: 15px 40px 0 40px;
    display: inline-block;
    width: auto;
    .userImg {
      width: 72px;
      float: left;
      margin-top: 8px;
    }
    .userInfo {
      padding-left: 20px;
      text-align: left;
      div {
        margin-bottom: 8px;
      }
      .deptName a {
        color: #484848;
        font-size: 12px;
      }
    }
  }

  @media screen and (min-width: 1039px) {
    .contact {
      margin: 15px 0 0 40px;
    }
  }

  @media screen and (max-width: 1038px) and (min-width: 992px) {
    .contact {
      margin: 15px 0 0 30px;
    }
  }

  @media screen and (max-width: 991px) {
    .contact {
      margin: 15px 0 0 20px;
    }
  }

  .contact {
    font-size: 12px;
    color: #262626;
    //margin: 15px 0 0 40px;
    display: inline-block;
    width: auto;
    text-align: left;
    div {
      height: 27px;
    }
    .info {
      width: 140px;
      display: inline-block;
    }
  }

  //1024内自适应
  @media screen and (min-width: 1039px) {
    .index {
      margin: 12px 40px 0 40px;
    }
  }
  @media screen and (max-width: 1038px) and (min-width: 992px){
    .index {
      margin: 12px 30px 0 30px;
    }
  }
  @media screen and (max-width: 991px) {
    .index {
      margin: 12px 20px 0 20px;
    }
  }
  .index {
    //margin: 12px 40px 0 40px;
    display: inline-block;
    width: 220px;
    text-align: left;
    font-size: 12px;
    color: #262626;
  }
  .verLine {
    border-right: 1px solid #d8d8d8;
    height: 54px;
    margin-top: 33px;
    float: right;
  }
  .downTab {
    position: absolute;
    top: 105px;
    bottom: 0px;
    width: 100%;
    & > .ant-tabs {
      height: 100%;
      & > .ant-tabs-content {
        position: absolute;
        top: 33px;
        bottom: 0px;
        background-color: @back-grey;
        .wea-new-scroll {
          position: absolute;
          top: 0;
          bottom: 0;
          width: 100%;
        }
      }
    }
    .hisReport {
      margin: 0 10px;
      .wea-report-content .wea-rc-head {
        background-color: #f3f3f3;
      }
      .wea-rc-table {
        background-color: #fff;
      }
    }
  }
  .hisWeibo {
    .wea-myBlog-weibo {
      padding-top: 13px;
      margin-right: 20px;

    }
    .wea-white-page {
      top: 40%;
      position: absolute;
    }
  }

  .endTip {
    padding: 20px 0 14px 0;
    text-align: center;
    span {
      padding-left: 10px;
    }
  }
}

a.tool {
  width: 98px;
  height: 30px;
  padding-top: 5px;
  letter-spacing: 1px;
  text-align: center;
  background-color: #fff;
  display: block;
  border: solid 1px #ebebeb;
  color: #838383;
  cursor: pointer;
  span {
    margin: 0 2px 0 2px;
  }
  &:hover {
    background-color: #008ef7;
    color: #fff;
  }
}

.msgTool {
  a.tool {
    display: inline-block;
    margin-top: 30px;
    color: #2db7f5;
    &:hover {
      color: #fff;
      text-decoration: none;
    }
  }
}

@red: #ff3044;
@blue: #32a8ff;
@deepblue: #006ec0;
@green: #75bf26;
@orange: #f5b400;
@grey: #c5c5c5;
@border-color: #eaeaea;
.hisAttention {
  .wea-fans-fan {
    position: relative;
    display: inline-block;
    width: 220px;
    height: 250px;
    border: 1px solid @border-color;
    background-color: #fff;
    margin: 8px;
    border-radius: 3px;
    vertical-align: bottom;
    &:hover {
      box-shadow: 0px 0px 5px 0px @blue;
    }
    .wea-ff-top {
      position: absolute;
      width: 100%;
      .wea-fft-icon {
        float: left;
        margin: 8px;
        font-size: 16px;
      }
      .wea-fft-check {
        margin: 8px;
        float: right;
      }
    }
    .wea-ff-content {
      .wea-ffc-item {
        text-align: center;
      }
      .wea-ffc-icon {
        margin: 36px 0 13px 0;
      }
      .wea-ffc-name {
        text-align: center;
        margin: 0 0 8px 0;
        font-size: 14px;
        color: #484848;
      }
      .wea-ffc-department {
        margin: 0 0 13px 0;
        //color: @grey;
      }
      .wea-ffc-operation {
        display: none;
        position: absolute;
        right: -1px;
        bottom: -1px;
        border: 1px solid @border-color;
        padding: 5px 8px;
        cursor: pointer;
        &:hover {
          color: @blue;
          box-shadow: -1px -1px 5px 0px @blue;
        }
        .wea-ffco-icon {
          font-size: 16px;
          vertical-align: middle;
        }
        .wea-ffco-text {
          vertical-align: middle;
        }
      }
      .wea-ffc-group {
        .wea-ffcg-container {
          border: 1px solid @border-color;
          margin: 0 auto;
          padding: 4px 8px;
          border-radius: 4px;
          width: 177px;
          color: @deepblue;
          cursor: pointer;
          .wea-ffcgc-text {
            display: inline-block;
            vertical-align: bottom;
            max-width: 140px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
          }
          .wea-ffcgc-icon {
            color: #9b9b9b;
          }
          &:hover {
            border: 1px solid @border-color;
          }
        }
      }
      .wea-ffc-operation-disabled {
        cursor: default;
        &:hover {
          color: #000;
          box-shadow: none;
        }
      }
    }
    &:hover .wea-ff-content .wea-ffc-operation {
      display: inline-block;
    }
  }
}

.panelWeibo {
  .ant-collapse-content {
    padding: 0;
    .ant-collapse-content-box {
      padding: 0;
      .weiboNoTime {
        margin-left: 0;
      }
      .wea-mbw-container.wea-mbw-container-other {
        border-bottom: 1px solid #eaeaea;
        border-top: 0;
        border-left: 0;
        border-right: 0;
      }
      .wea-mbw-container.wea-mbw-container-last {
        border: none;
      }
    }
    .wea-split-line {
      display: none;
    }
  }
}